<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c" %>
<%@ taglib uri="/WEB-INF/tld/spring.tld" prefix="spring" %>
<%@ page isELIgnored="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
    <meta name="author" content="Autoform Team" />
    <meta name="generator" content="Eclipse" />
     <style type="text/css">
    <!--
    	.cadre { width: 90%; border-radius: 10px 10px; -moz-border-radius: 10px;  padding: 10px; margin-bottom: 20px }
    	.obligatoire{background-color: #FF6060;}
    	.conseille{background-color: #FFA040;}
    	.facultatif{background-color: #80FF80;}
    	.autre{background-color: #FFFF99; align:center;}
    	.cadre table{width:100%;}
    	.cadre td{width:33%;}
    -->
    </style>
    <link rel="stylesheet" type="text/css" href="./css/bluehaze.css" title="Blue Haze stylesheet" />
    <link rel="stylesheet" type="text/css" href="./css/color-scheme.css" title="Blue Haze stylesheet" />
    <link rel="stylesheet" type="text/css" href="./css/lister.css" title="Lister" />

    <title>[FR] Modification des données personnelles utilisateur</title>
  </head>
  
   <body>
    <div id="top"></div>
  
    <!-- ###### Header ###### -->

    <div id="header">
      
      <!-- ##### nom du site ##### -->
     <%@ include file="./nomSite_fr.jsp" %>
      
      <!-- #### bar de menu  horizontale#### -->
      <%@ include file="./menuHorizontalHaut_fr.jsp" %>
 
    </div>
    
     <!-- ###### menus à gauche ###### -->
     <%@ include file="./menu_fr.jsp" %>
  	
  	<!-- ###### Body Text ###### -->
   
    <div id="bodyText">
    
    
    
  	<h1>Formulaire de modification des données personnelles</h1>
    
    <p>
    Ce formulaire permet de modifier les informations personnelles de l'utilisateur. Il vous permet de 
    modifier n'importe quelle information.
    </p>
    
    <h2>Recommandations</h2>
    <ul>
    	<li>La partie 1 (en rouge) du formulaire d'inscription est constitué des informations <b>indispensables</b> (obligatoires) pour vous inscrire.</li>
    	<li>La partie 2 (en orange) concerne les informations qui sont fortement <b>recommandées</b> de remplir.</li>
    	<li>La partie 3 (en vert) quant à elle concerne les informations <b>facultatives</b>.</li>
    </ul>
    <p>
    N'oubliez pas de laisser au moins une façon de vous contacter! L'email est certainement le plus simple mais vous pouvez 
    nous laisser votre numéro de téléphone, de fax ou encore votre adresse. Vous pouvez bien entendu saisir toutes vos coordonnées 
    si vous le désirez.
    </p>
    
    <form action="#" method="post">
    <h2>Informations obligatoires</h2>
    <div class="cadre obligatoire">
     <table>
     <tr>
      	<spring:bind path="formulaire.login">
        <td>Login</td>
        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
        <td>${status.errorMessage}</td>
        </spring:bind>
      </tr>
      <tr>
      	<spring:bind path="formulaire.password">
        <td>Mot de passe</td>
        <td><input type="password" name="${status.expression}" value="${status.value}"/></td>
        <td>${status.errorMessage}</td>
        </spring:bind>
      </tr>
      <tr>
      	<spring:bind path="formulaire.passwordConfirm">
        <td><a name="confirm"></a>Confirmation mot de passe</td>
        <td><input type="password" name="${status.expression}" value=""/></td>
        <td>${status.errorMessage}</td>
        </spring:bind>
      </tr>
      <tr>
      	<spring:bind path="formulaire.profession">
        <td>Profession ou occupation</td>
        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
        <td>${status.errorMessage}</td>
        </spring:bind>
      </tr>
      </table>
    </div>
    <h2>Informations recommandées</h2>
    <div class="cadre conseille">
    	<table>
    	<tr>
      	<spring:bind path="formulaire.nom">
	        <td>Nom</td>    
	        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
	        <td>${status.errorMessage}</td>
	        </spring:bind>
      	</tr>
      	<tr>
	      	<spring:bind path="formulaire.prenom">
	        <td>Pr&eacute;nom</td>
	        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
	        <td>${status.errorMessage}</td>
	        </spring:bind>
      	</tr>
      	<tr>
	      	<spring:bind path="formulaire.adresseElectronique">
	        <td>Adresse &eacute;lectronique<br/>(fortement encouragé)</td>
	        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
	        <td>${status.errorMessage}</td>
	        </spring:bind>
      	</tr>
    	</table>
    </div>
    <h2>Informations facultatives</h2>
    <div class="cadre facultatif">
    	<table>
    	<tr>
	     	<spring:bind path="formulaire.numeroTelephone">
	        <td>Num&eacute;ro de t&eacute;l&eacute;phone</td>
	        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
	        <td>${status.errorMessage}</td>
	        </spring:bind>
      	</tr>
      	<tr>
	      	<spring:bind path="formulaire.numeroFax">
	        <td>Num&eacute;ro de fax</td>
	        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
	        <td>${status.errorMessage}</td>
	        </spring:bind>
      	</tr>
    	<tr>
	      	<spring:bind path="formulaire.adressePostale">
	        <td>Adresse postale (numéro et rue)</td>
	        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
	        <td>${status.errorMessage}</td>
	        </spring:bind>
      	</tr>
      	<tr>
	      	<spring:bind path="formulaire.etat">
	        <td>Etat (pour les non résidents en france)</td>
	        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
	        <td>${status.errorMessage}</td>
	        </spring:bind>
      	</tr>
       	<tr>
	      	<spring:bind path="formulaire.municipalite">
	        <td>Municipalié ou sous-division (pour les non résidents en france)</td>
	        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
	        <td>${status.errorMessage}</td>
	        </spring:bind>
      	</tr>
      	<tr>
	      	<spring:bind path="formulaire.ville">
	        <td>Ville</td>
	        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
	        <td>${status.errorMessage}</td>
	        </spring:bind>
      	</tr>
      	<tr>
	      	<spring:bind path="formulaire.codepostal">
	        <td>Code Postal (ou zipcode)</td>
	        <td><input type="text" name="${status.expression}" value="${status.value}"/></td>
	        <td>${status.errorMessage}</td>
	        </spring:bind>
      	</tr>
      	<tr>
	      	<spring:bind path="formulaire.pays">
	        <td>Pays</td>
	        <td>
	        	<select name="${status.expression}">
	       			<c:forEach items="${pays}" var="nompays">
	       				<c:choose>
		       				<c:when test='${status.value == nompays}'>
		       					<option value="${nompays}" selected="true"">${nompays}</option>
		       				</c:when>
		       				<c:otherwise>
		       					<option value="${nompays}" >${nompays}</option>
		       				</c:otherwise>
	       				</c:choose>
	       			</c:forEach>
	       		</select>
	  		</td>
	        <td>${status.errorMessage}</td>
	        </spring:bind>
      	</tr>
    	</table>
    </div>
   
  <spring:bind path="formulaire">
  	<ul>
  	<c:forEach items="${status.errorMessages}" var="error">
  		<li>Erreur: <c:out value="${error}"/><br/></li>
  	</c:forEach>
  	</ul>
  </spring:bind>
   
   <p>
  	<input type="submit" value="Valider et modifier"/>
  </p>
    </form>
    
    
    </div>
  	
  	<!-- ###### Footer ###### -->
  	<%@ include file="./menuHorizontalBas_fr.jsp" %>
  	
  </body>
</html>
